@bor-color: #e2e2e2;
@base-radius: 5px;
@red-color: #c80a04;
.weui-tabbar .weui-tabbar__icon {
  background-size: 100%;
}

.weui-tabbar .icon_01 {
  background-image: url("../images/tabbar_icon01.png");
}

.weui-bar__item_on .icon_01 {
  background-image: url("../images/tabbar_icon01_lh.png");
}

.weui-tabbar .icon_02 {
  background-image: url("../images/tabbar_icon02.png");
}

.weui-bar__item_on .icon_02 {
  background-image: url("../images/tabbar_icon02_lh.png");
}

.weui-tabbar .icon_03 {
  background-image: url("../images/tabbar_icon03.png");
}

.weui-bar__item_on .icon_03 {
  background-image: url("../images/tabbar_icon03_lh.png");
}

.weui-tabbar .icon_04 {
  background-image: url("../images/tabbar_icon04.png");
}

.weui-bar__item_on .icon_04 {
  background-image: url("../images/tabbar_icon04_lh.png");
}

.data-show-box {
  text-align: center;
  padding: 12px 0;
  h3 {
    font-size: 16px;
  }
  p {
    font-size: 12px;
    color: #5a5a5a;
    i {
      vertical-align: middle;
      display: inline-block;
      width: 14px;
    }
    img {
      width: 14px;
      height: 14px;
    }
    span {
      vertical-align: middle;
    }
  }
}

.after-left__0 {
  &:after {
    left: 0;
  }
}

.weui-panel__hd {
  color: #4e4e4e;
  display: flex;
  justify-content: space-between;
  a {
    color: #8b8b8b;
  }
}

.nav-icon-link {
  padding: 14px 5px;
  display: block;
  .weui-grid__icon {
    width: 22px;
    height: 22px;
  }
  .weui-grid__label {
    color: #707070;
    font-size: 12px;
  }
}

.grid-box {
  width: 100%;
  overflow: hidden;
}

.weui-grids {
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -1px;
  &:before {
    border-top: 0px;
  }
  background-color: #ffffff;
  margin-top: 10px;
  .weui-grid {
    width: 25%;
  }
  .weui-grid__label {
    font-size: 12px;
    color: #5a5a5a;
  }
}

.my-info {
  position: relative;
  padding:15px 0;
  background-color: #d32004;
  background-image: url(../images/myinfobg.jpg);
  background-size: 100% 100%;
  .weui-media-box__hd {
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    img {
      border-radius: 50%;
    }
  }
  .weui-media-box__title {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom:3px;
    width:130px;
  }
  .weui-media-box__desc{
    color: #fff;
    opacity:0.7;
  }
  .weui-media-box:before{
    border-top: none;
  }
  .action-iocnbar{
    font-size: 0;
    position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
    a{
      margin-left: 10px;
    }
    img{
      width: 20px;
      height: 20px;
    }
  }

}